Skip to content

Add new styling to code blocks #59

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Add new styling to code blocks #59

wants to merge 1 commit into from
+7 −0

Conversation

eclectic-coding
Copy link

I am proposing editing the styles for the default Prism code blocks. In the screenshot below, you can see the default stylings create a "bar" around each link with in a code block. I have added styles in the Post.vue file to override this condition without touching the default Prismjs stylesheet:

pre {
    code {
      background-color: transparent;
      border: none;
    }
  }

Screenshot from 2020-07-20 08-19-30

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
1 more reviewer

@3imed-jaberi 3imed-jaberi 3imed-jaberi approved these changes

Reviewers whose approvals may not affect merge requirements
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@eclectic-coding @3imed-jaberi